<template>
  <div>
    <el-dialog
        v-model="visible"
        :title="title"
        width="700px"
        :close-on-click-modal="false"
        :before-close="handleClose"
        class="group-operate-dialog"
        destroy-on-close
    >
      <div v-loading="loading" class="flex-align-center">

      </div>
      <template #footer>
      <span class="dialog-footer flex-align-justify">
          <el-button :loading="submitLoading" type="danger" @click="deleteHandler">删除</el-button>
        <div>
          <el-button @click="handleClose">{{ $t('loc.cancel') }}</el-button>
          <el-button :loading="submitLoading"  type="primary" @click="saveHandler">
             {{ $t('loc.save') }}
          </el-button>
        </div>
      </span>
      </template>
    </el-dialog>

  </div>
</template>

<script>
export default {
  name: "ParentListDialog",
  props: ['dialogVisible', 'groupId'],
  components: {
  },
  data() {
    return {
      loading: false,
      visible: false,
      title: this.$t('loc.familyList'),
      children: {
      },
      stageOptions: [],
      icons: 20,
      visibleGroupIconDropdown: false,
      submitLoading: false,
    }
  },
}
</script>

<style scoped>
/deep/ .el-dialog__header {
  border-bottom: 1px solid #e5e5e5;

.el-dialog__title {
  font-size: 24px;
  color: #58666e;
}
}
</style>